* {
	margin: 0;
	padding: 0;
}
html,
body {
	overflow: hidden;
	width: 100%;
	height: 100%;
}
body {
	display: flex;
	flex-direction: column;
	align-items: center;

	justify-self: center;
}
header,
footer {
	width: 90%;
	line-height: 28px;
	text-align: center;
	font-size: 14px;
}
main {
	flex: 1;
}
.sushi {
	margin: 100px;
	border-radius: 20px;
	width: 150px;
	height: 120px;
	background-image: url("https://lbjwqy.oss-cn-beijing.aliyuncs.com/lettle/WechatIMG559.jpeg");
	background-repeat: no-repeat;
	background-size: contain;
}
.colorfulShadow {
	position: relative;
}

.colorfulShadow::after {
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: inherit;
	background-position: center center;
	filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, .50)) blur(20px);
	content: "";
	animation: oscillate 1s cubic-bezier(.17, .67, .45, 1.32) infinite alternate;
}
@keyframes oscillate {
	from {
		transform: scale(1);
	}

	to {
		transform: scale(1.1);
	}
}